<p style="margin-bottom: 0px">&nbsp;</p>

<nz-spin [nzSpinning]="loading">

<nz-card>



  <form nz-form [nzLayout]="'inline'" class="search__form">
    <nz-row [nzGutter]="8">

      <nz-col nzMd="4" nzSm="24">
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入POS编号" [(ngModel)]="q.posNo" name="posNo">
          </nz-form-control>
        </nz-form-item>
        <nz-form-item>
          <nz-form-control>
            <input type="text" nz-input placeholder="输入商户名称" [(ngModel)]="q.posName" name="posName">
          </nz-form-control>
        </nz-form-item>
      </nz-col>
        <nz-col nzMd="3" nzSm="24">
            <button nz-button type="button" [nzType]="'primary'" class="mx-sm" (click)="st.load(1, q)">{{'search' | translate}}</button>
        </nz-col>
    </nz-row>
  </form>
</nz-card>
  <div class="d-flex align-items-center" style="margin-bottom: 8px">
    <div>
      <nz-upload [nzAction]="uploadExcelUrl" [nzShowUploadList]="false" nzAccept="application/vnd.ms-excel" (nzChange)="uploadProd($event)">
      <button nzType="primary" nz-button style="margin-left: 10px;margin-right: 8px"><span>导入POS信息</span><i class="anticon anticon-upload"></i></button>
      </nz-upload>
      <a down-file [http-data]="data" [http-url]="downurl" file-name="POS信息" *ngIf="downurl">
       <i class="anticon anticon-download"></i> 下载导入模板
      </a>
    </div>
  </div>
<simple-table #st
    [columns]="columns"
    [data]="url"
    [ps]="ps"
    [extraParams]="q"
    [resReName]="{ total: 'total', list: 'data'}"
    [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
    toTopInChange
    [showTotal]="true"
    [showPagination]="true"
    [showSizeChanger]="true"
              [scroll]="{  x: '1300px' }"
    (checkboxChange)="checkboxChange($event)"
    >
</simple-table>

</nz-spin>
